<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚品牌-品牌列表</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/swiper.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">
    <link rel="stylesheet" href="../../lib/css/elementui.min.css">

</head>

<body>
    <div class="app-wrap" v-cloak id="jpp_pinpai_list">
        <header-top></header-top>
        <header-search-global type="品牌" @callback="getSearchTxt"></header-search-global>
        <common-top-nav cur="聚品牌"></common-top-nav>
        <div class="container">
            <common-crumb1 :crumblist="crumblist" @callback="getCrumblist"></common-crumb1>
            <!-- 筛选 -->
            <shaixuan-bar :catelist="catelist" :where="where" v-if="catelist && catelist.length>0" @callback="getWhere"></shaixuan-bar>
            <!-- 品牌列表 -->
            <div class="jpp-pinpai-list">
                <div v-for="item,index in list" class="jpinpai-item">
                    <div class="left-wrap">
                        <img :src="item.logo" class="img">
                        <div class="logo-wrap">logo</div>
                    </div>
                    <div class="info">
                        <p class="name">{{item.brandName}}</p>
                        <p class="fengge">消费风格：{{item.fengge}}</p>
                        <p class="renqun">消费人群：{{item.renqun}}</p>
                        <p class="love"><i class="icon-jpp-shouc c0"></i>{{item.lovecount==null?0:item.lovecount}}人</p>
                        <a v-if="item.followId!=null && item.followId==0" class="guanzhu" @click="doConcern(item)">关注</a>
                        <a v-if="item.followId!=null && item.followId!=0" class="guanzhu" @click="doConcern(item)">已关注</a>
                    </div>
                </div>
            </div>
            <common-page :current="1" :all="total" @btn-click="getPage"></common-page>
        </div>
        <common-footer></common-footer>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/elementui.min.js"></script>
    <script src="../../lib/js/swiper.min.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        jpp_pinpai_list();
    </script>
</body>

</html>